<template>
 <div class="mesCent" :style="{height:heightSetid===1?'30px':heightSet+'px'}">
   <span class="mesLeft" :style="{fontSize:fontSize,color:backColor,fontWeight:bold?'bold':'normal',fontStyle:italic ? 'italic' : 'normal',
   textDecoration:underline ? 'underline' : 'none',textAlign:textAlign,lineHeight:lineHeight}">{{title}}</span>
   <span v-show="!isHide" class="mesIcon" :style="{color:backColorIcon}"><i class="el-icon-arrow-right" :style="{fontWeight:boldIcon?'bold':'normal'}"></i></span>
 </div>
</template>
<script>
export default {
  name:'informationItem',
  props:['title',
   'fontSize',
            'backColor',
            'heightSet',
            'bold',
            'italic',
            'underline',
            'textAlign',
            'heightFlag',
            'lineHeight',
            'heightSetid',
          'backColorIcon',
          'boldIcon',
          'isHide'],
  data(){
    return {
linkIcon:require('@/assets/images/rightjump.png')
    }
  },
 created(){
 
 },
  methods: {
  
  }
}
</script>

<style lang="scss" scoped>
  .mesCent{
    display:flex;
    flex-wrap: nowrap;
    align-items: center;
    padding:0 10px;
    box-sizing: border-box;
    .mesLeft{
        flex:1;
        word-break: break-all;
        
    }
    .mesIcon{
        flex:none;
       font-size: 18px;
    }
  }
</style>
